body, button, input, select, textarea {
	color: #333;
	background: #f9f4f1;
}

.remove-gutter {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.remove-margin-horizontal {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.white-link, .white-link:hover, .white-link:active, .white-link:visited,
	.white-link:link {
	color: white;
}

.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
	pointer-events: none;
	/* This makes sure that we can still click outside of the modal to close it */
}

.glyphicon-refresh-animate {
	-animation: spin .7s infinite linear;
	-webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
@media ( min-width : 992px) {
	.main {
		background-color: white;
		padding: 40px !important;
		margin-bottom: 30px !important;
	}
}

@media ( max-width :991px) {
	.main {
		background-color: white;
		margin-bottom: 30px !important;
		padding-top: 10px;
	}
}

.strut {
	min-height: 500px;
}

.bghome {
	display: block;
	width: 100%;
	min-height: 800px;
	background: url('../images/login_bg.jpg') no-repeat;
	background-size: 100%;
}

.error {
	color: red;
}

.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}

.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width: inherit;
	height: inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
}

.padding-left {
	padding-left: 15px;
}

.margin-left {
	margin-left: 15px !important;
}

.remove-underline, .remove-underline:hover {
	text-decoration: none !important;
}

.header {
	/*	position: absolute !important;*/
	margin-top: 0px;
}

/* cys按钮 */
.btn-cys {
	background-color: #800080;
	color: white;
}

.btn-cys:hover {
	color: white !important;
	background-color: #660080;
	border-color: white;
}

/* panel-cys */
.panel-cys {
	border-color: #dddddd;
}

.panel-cys>.panel-heading {
	color: #ffffff;
	background-color: #800080;
	border-color: #dddddd;
}

.panel-cys>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #dddddd;
}

.panel-cys>.panel-heading .badge {
	color: #f5f5f5;
	background-color: #333333;
}

.panel-cys>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #dddddd;
}

.brief {
	text-overflow: ellipsis;
	height: 75px;
	overflow: hidden;
	margin-bottom: 5px;
}

.brief-small {
	margin-bottom: 2px;
	text-overflow: ellipsis;
	height: 38px;
	overflow: hidden;
}

.divide:before {
	background: #ddd;
	display: inline-block;
	height: 1px;
	vertical-align: middle;
	content: " ";
	width: 40%;
	left: 0;
	position: relative;
}

.divide:after {
	background: #ddd;
	display: inline-block;
	height: 1px;
	vertical-align: middle;
	content: " ";
	width: 40%;
	right: 0;
	position: relative;
}

.line-container {
	position: relative;
	background-image: -webkit-linear-gradient(
			to top right,
			white calc(50% - 1px),
			black,
			white calc(50% + 1px)
	);
	background-image: linear-gradient(
			to top right,
			white calc(50% - 1px),
			black,
			white calc(50% + 1px)
	);
	min-width:80px;
}

.line-container .left{
	position:absolute;
	left:2px;
	bottom:2px;
}

.line-container .right{
	float:right;
}